@import './common.less';

.test {
  color: @warn;
}

// 定义margin变量
@marginKey: 5, 10, 15, 20, 25, 30, 35;

//循环变量生成
each(@marginKey, {
  .ml-@{value} {
    margin-left: @value*1px;
  }

  .mr-@{value} {
    margin-right: @value*1px;
  }

  .mb-@{value} {
    margin-bottom: @value*1px;
  }

  .mt-@{value} {
    margin-top: @value*1px;
  }

});

// each(range(10), {
//   .ml-@{value} {
//     margin-left: @value*1px;
//   }

//   .mr-@{value} {
//     margin-right: @value*1px;
//   }

//   .mb-@{value} {
//     margin-bottom: @value*1px;
//   }

//   .mt-@{value} {
//     margin-top: @value*1px;
//   }
// });

@primary: #f40;

.size {
  height: 100px;

}

.s1 {
  background: @primary;
  .size();
}

/* darken：内置函数，加深颜色 */
.s2 {
  background: darken(@primary, 10%);
  .size();
}

.s3 {
  background: darken(@primary, 20%);
  .size();
}